@CHARSET "UTF-8";
/* Global Concept */
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

img {
	border: none;
}

input[type=text] {
	border: 1px solid;
}

input[type=text].item1 {
	border: 1px solid;
	width: 100%;
}

input[type=text].item2th {
	border: 1px solid;
	width: 47.5%;
}

input[type=text].item3th {
	border: 1px solid;
	width: 30.5%;
}

input[type=text].item4th {
	border: 1px solid;
	width: 22%;
}

input.text {
	border: 1px solid;
}

input[type=password] {
	border: 1px solid;
}

input.password {
	border: 1px solid;
}

/* All Layouts*/
.wrapper {
	margin: 0 auto;
	width: 980px;
}

.p_header_old {
	color: #333;
	width: 900px;
	float: left;
	padding: 10px;
	border: 1px solid #ccc;
	height: 100px;
	margin: 10px 0px 0px 0px;
	background: #E7DBD5;
}

.p_header {
	width: 980px;
	float: left;
	padding: 0px;
	border: 1px solid #ccc;
	height: 100px;
	margin: 0px 0px 0px 0px;
}

.p_navigation {
	float: left;
	width: 980px;
	color: #333;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 0px 0px 0px 0px;
	background: #BD9C8C;
}

.p_body {
	
}

.p_leftcolumn_old {
	color: #333;
	border: 1px solid #ccc;
	background: #E7DBD5;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	min-height: 350px;
	width: 200px;
	float: left;
}

.p_leftcolumn {
	border: 1px solid #ccc;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 180px;
	float: left;
}

.p_rightcolumn_old {
	float: right;
	color: #333;
	border: 1px solid #ccc;
	background: #F2F2E6;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	min-height: 350px;
	width: 678px;
	display: inline;
}

.p_rightcolumn {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 790px;
	display: inline;
}

.p_footer_old {
	width: 900px;
	clear: both;
	color: #333;
	border: 1px solid #ccc;
	background: #BD9C8C;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}

.p_footer {
	width: 980px;
	clear: both;
	border: 1px solid #ccc;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
/* Menus Layouts*/
.menu_depth1 {
	font-weight: bold;
}

.menu_depth2 {
	padding-left: 10px;
}

.menu_depth3 {
	padding-left: 20px;
}

/* Warming */
.warming {
	border: 1px dashed red;
	font-weight: bold;
	color: red;
}

input.error,textarea.error {
	border: 1px dashed red;
}

label.error {
	margin-left: 10px;
	color: red;
}

/* width layouts */
.centerwrapper {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.percent100 {
	width: 100%;
}

.percent70 {
	width: 70%;
}

/* tab layouts */
.topmenu_tab {
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
}

.topmenu_tab ul {
	margin: 0;
	padding: 0px 0px 0 5px;
	list-style: none;
}

.topmenu_tab li {
	display: inline;
	margin: 0;
	padding: 0;
}

.topmenu_tab a {
	float: left;
	background: url("../images/tabs/tableft3.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}

.topmenu_tab a span {
	float: left;
	display: block;
	background: url("../images/tabs/tabright3.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.topmenu_tab a span {
	float: none;
}
/* End IE5-Mac hack */
.topmenu_tab a:hover span {
	color: #FFF;
}

.topmenu_tab a:hover {
	background-position: 0% -42px;
}

.topmenu_tab a:hover span {
	background-position: 100% -42px;
}

.topmenu_tab #current a {
	background-position: 0% -42px;
}

.topmenu_tab #current a span {
	background-position: 100% -42px;
}

/* paging */
.paging {
	padding: 5px;
	margin: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

.paging a {
	padding: 4px 7px 4px 7px;
	margin: 0px 2px 0px 2px;
	border: 1px solid #FF9900;
	background: #FFF;
	color: #FF9900;
	text-decoration: none;
}

.paging a:hover {
	border: 1px solid #FF9900;
	background: #FF9900;
	color: #FFF;
	text-decoration: none;
}

/*ssamkj 추가*/
.body_rightcolumn {
	float: right;
	color: #333;
	border: 1px solid #ccc;
	background: #F2F2E6;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	height: 190px;
	width: 430px;
	display: inline;
	overflow: auto;
}

.blue {
	color: blue;
}

.red {
	color: red;
}

.green {
	color: green;
}

.normal_box {
	border: 1px solid #ccc;
}

table.searchForm {
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}

table.searchForm th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius:;
	padding: 5px;
}

table.searchForm td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius:;
	padding: 5px;
}

.table_clicked {
	background: #BEEBFF;
	border: 1px solid #99DEFD;
	padding: 0 2px 0 1px;
}

.textBox {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

.p_leftbody {
	color: #333;
	border: 1px solid #ccc;
	margin: 0px 0px 0px 0px;
	min-height: 50px;
	width: 50%;
	float: left;
}

.p_rightbody {
	color: #333;
	border: 1px solid #ccc;
	margin: 0px 0px 0px 0px;
	min-height: 50px;
	width: 50%;
	float: right;
}

.ui-autocomplete {
	position: absolute;
	cursor: default;
	z-index: 4000 !important
}

#boardList ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#boardList li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
	list-style: none;
}

#boardList li>a>p:FIRST-CHILD {
	float: right;
	width: 50%;
	text-align: right;
	margin: .3em 0;
}

#boardList li>a>p {
	font-size: 12px;
	font-weight: normal;
	display: block;
	margin: -.5em 0 .6em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#boardList li>a>p:AFTER {
	clear: both;
}

#boardList li>a>h3 {
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin: .6em 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#boardList li>a>h3:AFTER {
	clear: both;
}

.background_gray {
	background: #DDD; /* 	text color */
}